@CHARSET "UTF-8";

body{
	background-image : url("../img/bg.png");
	color : #000385;
	font-size : 87.5%;		/* 기본 폰트 사이즈는 14px  */
	font-family :'NanumGothic';
	line-height : 1.5;		 /* 밑줄높이 */
	text-align : left;
}

a {
	text-decoration : none; 	/* 링크 밑줄제거 */
}

a:link, a:visited {
	color : #cf5c3f;
}

a:hover, a:active {
	font-weight: bold;
	background-color : #cf5c3f;
	color : #ffffff;
}


.body {
	margin : 0 auto;	/* 여백없음 */
	width : 70%;		/* 화면에 70% 사이즈에만 콘텐츠를 보여준다. */
	clear : both;		/* float 클리어 */
}




.mainHeader nav {
	clear:both;
	background-color : #666699;
	height : 40px;
	border-radius : 5px;
	-moz-border-radius : 5px;
	-webkit-dorder-radius : 5px;
	
}

.mainHeader nav ul {
	list-style : none;
	margin : 0 auto;
}

.mainHeader nav ul li {
	float : left;
	display : inline;
}

.mainHeader nav a:link, .mainHeader nav a:visited{
	color :#ffffff;
	display : inline-block;
	padding : 10px 15px;
	height : 20px;
}

.mainHeader nav a:hover, .mainHeader nav a:active,
.mainHeader nav .active a:link, .mainHeader nav .active a:visited {
	font-weight: bold;
	background-color : #cf5c3f;
	text-shadow : none;
}

.mainHeader nav ul li a {
	border-radius : 5px;
	-moz-border-radius : 5px;
	-webkit-dorder-radius : 5px;
}

.post-info {
	font-style : italic;
	color : #999999;
	font-size : 90%;
}

.mainContent {
	line-height : 25px;
	border-radius : 5px;
	-moz-border-radius : 5px;
	-webkit-dorder-radius : 5px;
}







.mainFooter{
	width :100%;
	height : auto;
	float : left;
	
	margin-top : 2%;
	
	border-radius : 5px;
	-moz-border-radius : 5px;
	-webkit-dorder-radius : 5px;
	
	background-color : #666699;
	
}





.mainFooter {
/* 	margin : 2%; */
}



.mainFooter nav a{
	margin : 2%;
}


.mainFooter p {
	width : 92%;
	margin :2%;
	color : #ffffff;
}





@media only screen and (min-width:200px) and (max-width : 650px) {
	.body {
		width : 90%;
		font-size : 75%;
	}
	.mainHeader img{
		width : 100%;
	}
	
	
	.mainHeader nav {
	
		margin-top : 2%;
		height : 160px;
	}

	.mainHeader nav ul {
		padding-left : 0;
	}
	
	.mainHeader nav ul li {
		width : 100%;
		text-align : center;
	}
	
	.mainHeader nav a:link, .mainHeader nav a:visited{
		padding : 10px 25px;
		height : 20px;
		display : block;
	}
		
	
	
	.content {
		width :90%;
		float : left;
		margin-top : 2%
	}
	
	.post-info {
		display : none;
	}
	
	.topcontent{
		width : 100%;
		margin-top : 2%;
		margin-bottom :4%;
	}
	
	.bottomcontent{
		width : 100%;
		margin-top : 2%;
		margin-bottom :4%;
	}
	

	 .mainFooter a img{
	 	width : 25%;
 	}
	
	.mainFooter p {
		font-size: 80%;
	}
}